<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <!--北京的layui-->
    <!--<link th:href="@{/css/layui/css/layui.css}" rel="stylesheet"/>-->
    <!--<script type="text/javascript" th:src="@{/css/layui/layui.js}"></script>-->

    <!--要用官方的layui -->
    <link th:href="@{/css/guanfang/layui/css/layui.css}" rel="stylesheet"/>

    <a th:href="${#httpServletRequest.getScheme() + '://' + #httpServletRequest.getServerName() + ':' + #request.getServerPort()  + #request.getContextPath() + '/'} "
       id="contextPath"></a>
    <!--<script>-->
        <!--$(function () {-->
            <!--var contextPath = $('#contextPath').attr('href');//获取应用的根目录，我的绝对路径是http://localhost:80/-->
        <!--});-->
    <!--</script>-->

    <style>

        .ma-iframe {
            width: 100%;
            height: 100%;
            border: 0;
            background-color: #fff;
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>

</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>
            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">邮件管理</a></dd>
                    <dd><a href="">消息管理</a></dd>
                    <dd><a href="">授权管理</a></dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    贤心
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">退了</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">所有商品</a>
                    <dl class="layui-nav-child">
                        <!--<dd><a href="javascript:;" data-url="css/hello.html">乔峰</a></dd>-->
                        <dd><a href="javascript:;" data-url="book/myAdmin">乔峰</a></dd>
                        <dd><a href="javascript:;" data-url="/book/hellotl">/hello</a></dd>
                        <!--<dd><a href="javascript:;" data-url="${contextPath}/book/germmyform">表单</a></dd>-->
                        <dd><a href="javascript:;" data-url="/book/germmyform">表单1</a></dd>
                        <!--<span th:attr="myDate=${#dates.format(curDate, 'yyyy-mm-dd')}, myMoney-2=${#httpServletRequest.getScheme()}/book/germmyform"></span>-->
                        <dd><a href="javascript:;" th:attr="myctx=${#request.getContextPath()}" data-url="/book/germmyform">表单2</a></dd>
                        <dd><a href="javascript:;" data-url="/book/germmyprogress">进度条</a></dd>
                        <dd><a href="">超链接</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">解决方案</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">列表一</a></dd>
                        <dd><a href="javascript:;">列表二</a></dd>
                        <dd><a href="">超链接</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">云市场</a></li>
                <li class="layui-nav-item"><a href="">发布商品</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <!--<div style="padding: 15px;">内容主体区域</div>-->
        <iframe class="ma-iframe" src=""></iframe>

    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script type="text/javascript" th:src="@{/css/guanfang/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/css/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/customjs/hellotl.js?v=2018070701}"></script>

<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;
        var layer = layui.layer
                ,form = layui.form;
        dohellotl();
//        $(".ma-menu>li>.layui-nav-child>dd>a").click(function() {
//        $(".layui-nav>a").click(function() {
//            if (!$(this).parent("dd").hasClass("layui-this")) {
//                var _url = $(this).attr("data-url");
//                if (_url) {
//                    layer.showLoad();
//                    $(".ma-iframe").attr("src", _url);
//                }
//            }
//        })




    });
</script>
</body>
</html>